body
{
	font: 12px Verdana, Geneva, sans-serif;
	color: #333333;
}

.ac
{
	background: url('images/search.png') no-repeat 4px 4px;
	background-color: #F0F1EB;
	padding: 4px 4px 4px 22px;
	border: 1px solid #CCCCCC;
	width: 400px;
	height: 18px;
	margin-top: 20px;
}

.title
{   
	display:block;
	margin-top:1em;
	margin-bottom:2em;
	font: 28px Verdana, Geneva, sans-serif;
	color: #333333;
	font-weight: bold;
}

.text
{
	display:block;
	margin-top:3em;
	margin-bottom:3em;
	font: 12px Verdana, Geneva, sans-serif;
	color: #333333;
}

.textdownload
{
	font: 12px Verdana, Geneva, sans-serif;
	color: #333333;
}

.href 
{
	float: left;
}

.buttonclose
{
	text-align: right;
	margin-right: 5px;
	margin-top: 5px;	
}

.whitetext
{
	display: block;
	margin-top: 80px;
	margin-left: 5px;
	margin-right: 5px;
	font: 12px Verdana, Geneva, sans-serif;
	color: #FFFFFF;
}

.logo
{	
    background: #141414;
    background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
    background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
    background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
    background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
}

.close 
{
	cursor: pointer;	
}

.box
{
	width: 1000px;
	margin-left: -500px;
	left: 50%;
	position:absolute;
	text-align: center;
	background-color: #FFFFFF;
	margin-top: 49px;
}

.help
{
	display: block;
	cursor: pointer;
	font: 12px Verdana, Geneva, sans-serif;
	color: white;
}

.zoom_overlay
{
	width: 500px;
	margin: -150px 0px 0px -250px;
	background: transparent url(../images/overlay.png) repeat left top;
	display: none;
	position:fixed;
	top: 50%;
	left: 50%;
	opacity: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.box_wrap
{
	display: block;
	margin-bottom: 2em;
	cursor: pointer;
	font: 12px Verdana, Geneva, sans-serif;
	color: #BCC7D8;
	font-weight: bold;
}

.bottom
{
	display: block;
	margin-bottom: 10em;
	cursor: pointer;
	font: 12px Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

.hr
{
	width: 100%;
    border: 0;
    height: 1px;
	background-color: #CCCCCC;
    margin-top: 60px;
}

.table 
{
	width:80%;
	margin: 20px auto;
}

.trtitle 
{
	background-color: #D2D7E6;
}

.tr 
{
	background-color: #E5EBF1;
}

#buttonUp
{	
	display:none;
	position:fixed;
	width:100px;
	text-align:center;
	background-color:black;
	height: 100%;
	opacity: 0.3;
	filter: alpha(opacity=50);
	-webkit-transition: background-color 0ms linear;
	-moz-transition: background-color 0ms linear;
	transition: background-color 0ms linear;
	-webkit-transition: opacity 0ms linear;
	-moz-transition: opacity 0ms linear;
	transition: opacity 0ms linear;
}

#buttonUp:hover
{	
	display:none;
	position:fixed;
	width:100px;
	text-align:center;
	background-color:black;
	height: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: background-color 0ms linear;
	-moz-transition: background-color 0ms linear;
	transition: background-color 0ms linear;
	-webkit-transition: opacity 0ms linear;
	-moz-transition: opacity 0ms linear;
	transition: opacity 0ms linear;
}

#stl_text
{
	height: 10px;
	display: block;
	padding: 0px 20px;
	margin: 0 31px 0 15px;
	font-weight: bold;
	color: #808080;
	font: 12px Verdana, Geneva, sans-serif;
	background: url(images/toplink.gif) no-repeat left 3px;
	text-decoration: none;
}

#stl_text_box
{
	height: 100%;
	display: block;
	font-weight: bold;
	color: #808080;
}


#aclogo 
{
	padding-left: 10px;
	border: none;
}

#aclogo:hover
{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.container
{
	width: 1030px;
	margin: 1px auto;
	text-align: center;
	z-index: -1;
	overflow:hidden;
	display:block;
	margin-bottom: 10em;
	display: block;
}

.containerfordemo
{
	width: 500px;
	margin: 1px auto;
	text-align: center;
	z-index: -1;
	overflow:hidden;
	display:block;
	margin-bottom: 10em;
	display: block;
}

.homeBox 
{
	position: relative;
	display: block;
}


.homeBox .one_fourth 
{
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #F3F3F3), color-stop(0, #FAFAFA) );
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 228px;
	width: 244px;
	margin-right: 10px;	
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}



.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths 
{
	position: relative;
	float:left;
}

.homeBox .one_fourth div, .homeBox .last div {
	padding: 10px;
}



.homeBox .one_fourth:hover{
	background:#252525;

}



.homeBox .one_fourth .boxImage {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxImage {
	position: relative;
	-webkit-animation: moveFromTop 350ms ease;
	-moz-animation: moveFromTop 350ms ease;
	-ms-animation: moveFromTop 350ms ease;
}



.homeBox .one_fourth h2 {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover h2 {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromTop 200ms ease;
	-moz-animation: moveFromTop 200ms ease;
	-ms-animation: moveFromTop 200ms ease;
}


.homeBox .one_fourth .boxDescription {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxDescription {
	position: relative;
	color:#EAEAEA;
	-webkit-animation: moveFromBottom 500ms ease-in-out;
	-moz-animation: moveFromBottom 500ms ease-in-out;
	-ms-animation: moveFromBottom 500ms ease-in-out;
}


@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
      	top: auto;
    }

}

@-moz-keyframes moveFromTop {

    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }

}

@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
       	top: auto;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}